<!-- **
* @title: 风险信息 - 股权出质（1）
* @author: manling.liu
* @date: 2021年7月7日
* @description:
* -->
<template name="stockright">
	<view class="">
		<view class="">
			<view class="box">
				<!--  股权出质（1）头部 -->
				<view class="box-flex">
					<view class="text title" style="-webkit-flex: 1;flex: 1;"> 股权出质（1）</view>
					<view class="text" style="width: 44rpx;" @click="clickOpen()">
						<image v-if="!show" src="../../static/info_img/icon_pull-down_normal.png" mode=""></image>
						<image v-else src="../../static/info_img/icon_pull-down_selected.png" mode=""></image>
					</view>
				</view>
				
				<view class=""  v-if="show">
					<!-- 边框线条 -->
					<view class="bottom-frame"></view>
						
						<view class="">
							<view class="box-flex">
								<view class="text-width">
									<view class="title-text">登记编号</view>
								</view>
								<view style="-webkit-flex: 1;flex: 1;">
									<view class="title-text font-black">9111111</view>
								</view>
							</view>
							
							<view class="box-flex">
								<view class="text-width">
									<view class="title-text">状态</view>
								</view>
								<view style="-webkit-flex: 1;flex: 1;">
									<view class="title-text font-black">出资状态</view>
								</view>
							</view>
							
							<view class="box-flex">
								<view class="text-width">
									<view class="title-text">出质股权数额（万元）</view>
								</view>
								<view style="-webkit-flex: 1;flex: 1;">
									<view class="title-text font-black">200</view>
								</view>
							</view>
							
							<view class="box-flex">
								<view class="text-width">
									<view class="title-text">股权出资设立登记日期</view>
								</view>
								<view style="-webkit-flex: 1;flex: 1;">
									<view class="title-text font-black">2021-04-23</view>
								</view>
							</view>
							
							<view class="box-flex">
								<view class="text-width">
									<view class="title-text">出质人</view>
								</view>
								<view style="-webkit-flex: 1;flex: 1;">
									<view class="title-text font-black">财产罚</view>
								</view>
							</view>
							
							<view class="box-flex">
								<view class="text-width">
									<view class="title-text">质权人</view>
								</view>
								<view style="-webkit-flex: 1;flex: 1;">
									<view class="title-text font-black">2万元</view>
								</view>
							</view>
							
							<view class="box-flex">
								<view class="text-width">
									<view class="title-text">质权人证件号码</view>
								</view>
								<view style="-webkit-flex: 1;flex: 1;">
									<view class="title-text font-black">75764545</view>
								</view>
							</view>
							
							<view class="box-flex">
								<view class="text-width">
									<view class="title-text">备注</view>
								</view>
								<view style="-webkit-flex: 1;flex: 1;">
									<view class="title-text font-black">备注备注备注备注备注备注备注备注备注</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "stockright",
		data() {
			return {
				show: false
			};
		},
		components: {
			
		},
		methods: {
			// 点击展开关闭欠税公告
			clickOpen () {
				this.show = !this.show
			},
		},
		// 页面初始化完成时
		onLaunch() {
			
		},
		// 页面启动时
		onShow() {
			
		},
		// 页面从前台进入后台
		onHide() {
			
		},
		// 页面报错时触发
		onError() {
			
		}
	}
</script>

<style lang="stylus">
	@import url("../common.css")
</style>
